<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv=“Content-Security-Policy” content=“upgrade-insecure-requests”>
		<title>乡村振兴系统</title>
		<link href="content/css/mui.min.css" rel="stylesheet" />
	    <link rel="stylesheet" href="http://218.85.80.194:12327/ags414/library/4.14/esri/css/main.css" />
		<link rel="stylesheet" href="css/app.css" />
		<script src="content/js/mui.min.js"></script>
		<script src="http://218.85.80.194:12327/ags414/library/4.14/dojo/dojo.js"></script>
	    <script src="content/js/jquery.min.js"></script>
		<script src="common/CommonUtils.js"></script>
		<script src="common/mapConfig.js"></script>
		<script src="common/graphicSymbolConfig.js"></script>
		<script src="js/CommonMapUtil.js"></script>
		<script src="js/app.js"></script>

		<script type="text/javascript" charset="utf-8">
			// mui.init();
		</script>
		<style type="text/css">

		</style>
	</head>

	<body>
	<div id="offCanvasWrapper" class="mui-off-canvas-wrap">
		<!--菜单部分-->

		<div class="mui-inner-wrap">

			<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">

				<div class="mui-card" id="J_messute_tool" style="position: absolute;padding-bottom: 10px; z-index: 999;right: 50px; width: 100px;display: none">
					<div class="mui-card-content">
						<div class="mui-card-content-inner">
							<div id="J_measure_line" style="width: 30px;text-align: center;float: left">
								<div style="font-size: 14px;"><img src="content/images/mesureline.png"></div>
								<div style="margin-top: 2px;font-size: 8px;" class="nav-text">测距</div>
							</div>
							<div id="J_measure_area" style="width:30px;text-align: center;float: left;margin-left: 5px">
								<div style="font-size: 14px;"><img src="content/images/mesurearea.png"></div>
								<div style="margin-top: 2px;font-size: 8px;" class="nav-text">测面</div>
							</div>
<!--							<button type="button" id="J_measure_line" class="mui-btn">测距</button>-->
<!--							<button type="button" id="J_measure_area" class="mui-btn">测面</button>-->
						</div>
					</div>
				</div>
				<div class="mui-card" id="J_query_tool" style="position: absolute; z-index: 999;right: 50px; width:80px;height:45px;display: none">
					<div class="mui-card-content">
						<div class="mui-card-content-inner" style="padding:5px;">
							<div id="J_query_point" style="width: 20px;text-align: center;float: left">
								<div style="font-size: 16px;" class="mui-icon mui-icon-location"></div>
								<div style="margin-top: 2px;font-size: 8px;" class="nav-text">点</div>
							</div>
							<div id="J_query_draw" style="width:50px;text-align: center;float: left">
								<div style="font-size: 14px;"><img src="content/images/polygon.png"></div>
								<div style="margin-top: 2px;font-size: 8px;" class="nav-text">多边形</div>
							</div>
<!--							<button type="button" id="J_query_draw" class="mui-btn">绘制查询</button>-->
						</div>
					</div>
				</div>
				<div id="J_mapNav"  >
					<div class="mapSwitch" id="J_layer_controls">
						<div  class="mui-icon mui-icon-list"></div>
						<div class="nav-text">资源</div>
					</div>
					<div class="tool-gap"></div>
					<div class="mapSwitch"  id="J_messute_tool_menu" >
						<div class="mui-icon mui-icon-more"></div>
						<div class="nav-text">量测</div>
					</div>
                    <div class="tool-gap"></div>
                    <div class="mapSwitch"  id="J_query_tool_menu" >
                        <div class="mui-icon mui-icon-info"></div>
                        <div class="nav-text">查询</div>
                    </div>
					<div class="tool-gap"></div>
					<div class="mapSwitch"  id="J_query_result_menu" >
						<div class="mui-icon mui-icon-info"></div>
						<div class="nav-text">结果</div>
					</div>
					<div class="tool-gap"></div>
					<div class="mapSwitch" id="J_trash">
						<div  class="mui-icon mui-icon-trash"></div>
						<div class="nav-text">清除</div>
					</div>
					<div class="tool-gap"></div>
					<div class="mapSwitch" id="J_located">
						<div  class="mui-icon mui-icon-paperplane"></div>
						<div class="nav-text">定位</div>
					</div>
				</div>
				<div  id="mainContent" style="height: 100%;">
					<div id="mapdiv" class="" style="height: 100%;"></div>
				</div>
                <div  id="J_openIdentify"  style="display: none">
                    <select id="J_selectIdentifyLayer" class="select" style="width: 100%">
                        <option value="">请选择</option>
                    </select>
                </div>
			</div>
			<!-- off-canvas backdrop -->
			<div class="mui-off-canvas-backdrop"></div>
		</div>
	</div>
	<div id="popover" class="box mui-popover mui-poppicker mui-popover-action mui-popover-bottom"
		 style="background-color: #fff;"  data-disable-auto-close="false">
		<div class="mui-popover-arrow"></div>
		<div class="popoverheader">
			<div class="text" style="float:left;" id="J_popoverInfo_title">详细信息</div>
			<div class="mui-icon mui-icon-close" id="J_popoverInfo_close" style="float:right;position: relative"></div>
		</div>

		<form id="J_popoverInfo_content" class="mui-input-group" style="margin-right: 0rem;margin-left: 0rem">
			<div class="mui-input-row poschoolName">
				<label>学校名称</label>
				<input id="poschoolName" type="text" placeholder="填写学校名称">
			</div>
		</form>
	</div>

		<!--<header class="mui-bar mui-bar-nav">-->
			<!--&lt;!&ndash;<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>&ndash;&gt;-->
			<!--<h1 class="mui-title">建设项目一张图信息系统</h1>-->
		<!--</header>-->

		<script type="text/javascript">
			var Context={
				view : null,//地图视图对象
				map  : null,//地图对象
				index: null//控制地图主页的操作
			};//全局变量,子页面可以直接调用
            var catalog=null;
			new CommonMapUtil("mapdiv",function(mapView){
				require([
					"./js/Index.js",
                    "./js/Catalog.js",
                    "./js/Query.js",
				],function (Index,Catalog,Query) {
					//bootbox初始化设置END
					Context.view = mapView;
					Context.map = mapView.map;
					Context.index = new Index(mapView);
                    catalog= new Catalog();
                    var  query=new Query();

				})
			});

			mui.init({
				swipeBack: true, //启用右滑关闭功能
			});

			app=new App();

		</script>
	</body>

</html>